<template>
 <div>
   <el-pagination
     background
     @size-change="handleSizeChange"
     @current-change="handleCurrentChange"
     :current-page.sync="pageInfo.current"
     :page-sizes="[10, 20, 30, 40]"
     :page-size=pageInfo.pageSize
     layout="total, sizes, prev, pager, next, jumper"
     :total="total">
   </el-pagination>
 </div>
</template>

<script>
export default {
  name: "Pagination",
  props:{
    handleSizeChange:{
      default:()=>{}
    },
    handleCurrentChange:{
      default:()=>{}
    },
    total:{
      default:10
    },
    pageInfo:{
      default:{
        current:1,
        pageSize:10
      }
    }
  }
}
</script>

<style scoped>

</style>
